<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        .header{
            background: #2a2c33;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-content>.mui-table-view:first-child{
            margin-top:0;
        }
        ul li{
            font-size:14px;
        }
    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav header">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id='title'>社会福利院名录</h1>
    </header>
    <div class="mui-content">
        <ul class='mui-table-view'>
            <li class='mui-table-view-cell' value="0">溧阳市溧城镇社会福利中心</li>
            <li class='mui-table-view-cell' value="1">溧阳市别桥社会福利中心</li>
            <li class='mui-table-view-cell' value="2">溧阳市上黄社会福利中心</li>
            <li class='mui-table-view-cell' value="3">溧阳市埭头社会福利中心</li>
            <li class='mui-table-view-cell' value="4">溧阳市天目湖社会福利中心</li>
            <li class='mui-table-view-cell' value="5">溧阳市戴埠社会福利中心</li>
            <li class='mui-table-view-cell' value="6">溧阳市竹箦社会福利中心</li>
            <li class='mui-table-view-cell' value="7">溧阳市南渡社会福利中心</li>
            <li class='mui-table-view-cell' value="8">溧阳市上兴社会福利中心</li>
            <li class='mui-table-view-cell' value="9">溧阳市社渚社会福利中心</li>
            <li class='mui-table-view-cell' value="10">溧阳市社会福利中心</li>
            <li class='mui-table-view-cell' value="11">戴埠颐和康复中心</li>
            <li class='mui-table-view-cell' value="12">阳光生态颐养公寓</li>
            <li class='mui-table-view-cell' value="13">汤桥养老公寓</li>
            <li class='mui-table-view-cell' value="14">虹枫老年福利中心</li>
            <li class='mui-table-view-cell' value="15">燕山老年康乐苑</li>
        </ul>
    </div>
    <script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
    <script src="../../plugins/mui/mui.min.js"></script>
    <script>
        mui.init();
        mui.plusReady(function(){
            $('.mui-content').on('tap','li',function(){
                var value=$(this).attr('value');
                mui.openWindow({
                    url:'welfare_center.html',
                    id:'welfare_center.html',
                    extras:{
                        value:value,
                    },
                    waiting:{
                        autoShow:true,//自动显示等待框，默认为true
                        title:'正在加载...',//等待对话框上显示的提示内容
                    },
                    show:{
                        autoShow:true,
                        aniShow:'fade-in'
                    }
                })
            })
        })
    </script>
</body>
</html>